<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>孙北乔</title>
    <style type="text/css">
        body {
            background-repeat: no-repeat;
            padding: 0;
            margin: 0;
        }

        /*
         大div h730 w1460
         d1 ml 75 mt120
         */
        /*.div{*/
        /*    !*float: left;*!*/
        /*    position: absolute;*/
        /*}*/
        .D {
            margin-top: 650px;
            /*margin-bottom: 0px;*/
            background-color: rgb(24, 28, 32);
            height: 730px;
            width: 100%;
            position: relative;
        }

        .d1 {
            /*background-color: blueviolet;*/
            margin-left: 75px;
            margin-top: 20px;
            height: 200px;
            width: 90px;
            position: absolute;
        }

        .d3 {
            color: white;
            background-color: rgb(41, 48, 52);
            height: 670px;
            width: 30%;
            margin-left: 500px;
            margin-top: 20px;
            position: absolute;
            padding-top: 40px;
            padding-left: 40px;
            position: absolute;
            left: 1200px;
        }

        .d2{
            /*background-color: rgb(41, 48, 2);*/
            /*background-color: seagreen;*/

            height: 90px;
            width: 950px;
            position: absolute;
            top: 600px;
            left: 150px;
        }
        a{
            text-decoration:none
        }
        .title{
            color: white;
        }
        .copy-02 link-item{
            color: red;
            /*十六进制值:; rgb 代码值：rgb(46,54,59)*/
        }
        .cta footer-link{
            /*color: #dddddd;*/
                    color: red;
        }

        img{
            height: 35px;
            width: 255px;
        }
        .logo{
            /*background-color: red;*/
            position: absolute;
            top: -70px;
            /*width: 95px;*/
            /*height: 20px;*/
        }
    </style>
</head>
<body>
<section class="n020-footer" data-component="n020-footer" data-scroll-component>
    <div class="D">
        <div class="d1">
            <p class="title">迈凯伦</p>
            <br>
            <div class="link-list">
                <a class="copy-02 link-item" href="#" target="_blank">集团</a>
                <br>
                <a class="copy-02 link-item" href="#"  target="_blank">投资者</a>
                <br>
                <a class="copy-02 link-item" href="#" target="_self">合作伙伴</a>
                <br>
                <a class="copy-02 link-item" href="#"  target="_blank">职业机会</a>
                <br>
                <a class="copy-02 link-item"  href="#" target="_blank">媒体中心</a>
                <br>
                <a class="copy-02 link-item" href="#"  target="_blank">F1 赛车</a>
            </div>
        </div>




        <div class="d2">
            <div class="logo">
                <img src="logo.png">
            </div>
            <div class="footer-links">
                <a class="cta footer-link"   href="#" target="_self">Cookie政策&nbsp;&nbsp;&nbsp;</a>
                <a class="cta footer-link"  href="#" target="_blank">gender gap report &nbsp;&nbsp;&nbsp;</a>
                <a class="cta footer-link"  href="#"  target="_self">隐私政策 &nbsp;&nbsp;&nbsp;</a>
                <a class="cta footer-link" href="#"   target="_self">条款与条件 &nbsp;&nbsp;&nbsp;</a>
                <a class="cta footer-link"  href="#" target="_self">anti-slavery statement</a>
                <a class="cta footer-link"  href="#"  target="_blank">沪ICP备13041547号</a>
            </div>
        </div>




        <div class="d3">
            <p class="title">联系我们</p>  <br>
            <div class="contact-links">
                <a class="copy-02 contact-link"  href="#" target="_self">联系我们</a> <br>
                <a class="copy-02 contact-link" href="#"  target="_blank">注册兴趣</a> <br>
                <a class="copy-02 contact-link"  href="#" target="_blank">经销商</a> <br>
            </div>
            <div class="social-block">
                <p class="title">关注我们</p> <br>
                <div class="social-links">
                    <a class="copy-02 social-link"  href="#" target="_blank">官方微信</a> <br>
                </div>
            </div>
        </div>
    </div>

</section>
</body>
</html>